import {
  in_theaters,
  coming_soon,
  selectPreview
} from "../../utils/home/index"
var QQMapWX = require('../../utils/qqmap-wx-jssdk/qqmap-wx-jssdk');
var qqmapsdk;
Page({
  data: {
    bar_Height: wx.getSystemInfoSync().statusBarHeight,
    city: '', // 获取位置
    current: 0, // 当前轮播图
    bannerLsit: [{ // 轮播图
        img: '/utils/static/home/banner1.jpg'
      },
      {
        img: '/utils/static/home/banner2.jpg'
      },
      {
        img: '/utils/static/home/banner3.jpg'
      },
    ],
    hotStart: 1, // 热映影片 - 页数
    hotList: [], // 热映影片
    soonStart: 1, // 即将上映 - 页数
    soonList: [], // 即将上映
    soonMonth: [], // 即将上映 - 月
    soonDay: [], // 即将上映 - 日
    previewStart: 1, // 精选预告 - 页数
    previewList: [], // 精选预告
  },
  // 轮播图滚动
  swiperEvents(e) {
    var val = e.detail.current;
    this.setData({
      current: val
    })
  },
  onLoad: function (options) {
    var _this = this;
    // 底部导航栏跳转
    this.getTabBar().setData({
      current: 0
    });
    // 接口数据
    this.init();
    // 实例化API核心类
    qqmapsdk = new QQMapWX({
      key: 'PZXBZ-2DN63-KY73I-3O3RU-ADX4O-ZRF7R'
    });
    // 获取位置
    wx.getLocation({
      success(res) {
        // 逆地址解析 坐标转位置
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
          coord_type: 1,
          success(res) {
            _this.setData({
              city: res.result.address_component.city
            })
          }
        })
      }
    });
  },
  // 热映影片 + 即将上映 + 精选预告
  init() {
    var _this = this;
    // 热映影片
    in_theaters({
        start: _this.data.hotStart,
        limit: 4
      })
      .then(res => {
        this.setData({
          hotList: res.data.data.list
        })

      });
    // 即将上映
    coming_soon({
        start: _this.data.soonStart,
        limit: 3
      })
      .then(res => {
        // 提取show_date
        var items = res.data.data.list.map(ele => ele.show_date);
        // 拆分提取 月+日
        var item = items.map(ele => {
          if (ele.length == 2) {
            return ele[1].slice(5, 10).split("-")
          } else {
            return ele[0].slice(5, 10).split("-")
          }
        });
        // 提取 月 日 转为 数字数组
        var Month = (item.map(ele => ele[0])).map(Number);
        var Day = (item.map(ele => ele[1])).map(Number);
        this.setData({
          soonList: res.data.data.list,
          soonMonth: Month,
          soonDay: Day
        })
      });
    // 精选预告
    selectPreview({
      start: _this.data.previewStart,
      limit: 2
    }).then(res => {
      this.setData({
        previewList: res.data.data
      })
    })
  }
})